<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>超链接标签</title>
</head>
<body>
    <h4>1.外部链接</h4>
    href 链接应以 http:// 开头
    <br>target 打开窗口的方式 
    <br>默认值是 _self 当前窗口打开页面 
    <br><a href="http://www.baidu.com" target="_self">百度</a>
    <br>_blank 新窗口打开页面    
    <br><a href="http://www.qq.com" target="_blank">腾讯</a>

    <h4>2.内部链接：网站内部页面之间的相互链接</h4>
    <a href="gongsijianjie.html">公司简介</a>

    <h4>3.空链接：#</h4>
    <a href="#">公司地址</a>

    <h4>4.下载链接：地址链接的是文件 .exe 或 zip 等压缩包形式</h4>
    <a href="img.zip">下载文件</a>

    <h4>5.网页元素链接：图片/文本/音频/表格等都可添加超链接</h4>
    <a href="http://www.baidu.com"><img src="img.jpg"></a>

    <h4>6.锚点链接：可快速定位到本页面中的某个位置</h4>
    <img src="images/2.png">

    <h4>我们来举个小例子吧</h4>
    <h5>目录</h5>
    1 人物经历<br>
    2 主要作品<br>
    3 <a href="#live" id="fanhui">个人生活</a><br>
    4 人物评价<br>

    <h5>人物经历</h5>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>

   
    <h5>主要作品</h5>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    <h5 id="live">个人生活</h5>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<br>
    balblablabla<a href="#fanhui"><br>
    返回目录</a><br>
    <h5>人物评价</h5>
    balblablabla

</body>
</html>